
/*@font-face {*/
    /*font-family: AppleMedium;*/
    /*src:url('../font/PINGFANG%20MEDIUM.TTF');*/
/*}*/
body{
    font-family:AppleMedium ;
    background-color: #FFFFFF;
}
/*头部*/

header img{
    float:left;
    margin-left:2.13%;
    padding:10px;
    margin-top:25px;
}
header p{
    margin-left:35.3%;
}
/*登录注册*/
nav{
    width:100%;
    height:110px;
    background: #FFFFFF;
    box-sizing:border-box;
    padding:10px 20px;
    margin-top:30px;
}
nav section{
    text-align: center;
    height:78px;
    box-sizing:border-box;
    width:43.2%;

}
nav>section{
    margin-left:28.4%;
}
nav section section{
    float: left;
    width:50%;
    padding-top: 15px;
    box-sizing: border-box;
    border: 1px solid #46A3DB;
}
nav section a{
  text-decoration: none;
    font-size:1rem;
}
nav section a:first-child{
}

nav section section:first-child{
    border-top-left-radius:10px ;
    border-bottom-left-radius:10px;
}
nav section section:last-child{
    border-top-right-radius:10px ;
    border-bottom-right-radius:10px;
}
nav section.unFocus {

    background-color: #FFFFFF;
}
nav section.unFocus a{
    color:#46A3DB;
}
nav section.focus {
    background-color: #46A3DB;
}
nav section.focus a {
    color:#FFFFFF;
}

/*form表单验证-注册*/
.rForm{
    margin-top:64px;
    width:100%;
    /*display:none;*/
}
.rForm em.error{
    display:none;
    position:relative;
    top:-200px;
    font-size:26px;
    padding:10px;
    background:#020202;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.8;
    z-index:300;
    margin-top:25px;
    width:40%;
    left:30%;
    border-radius: 10px;
}
.rForm em.error.success{
    display:none;
    opacity: 0;
}
.rForm fieldset{
    border: none;
}
.rForm input,button{
    width:94.67%;
    margin-left: 2.67%;
    box-sizing: border-box;
    font-family:AppleMedium ;
    outline:none;
}
.rForm input{
    height:120px;
    border:none;
    border-bottom:2px solid #E6E6E6;
    background-color: #FFFFFF;
    font-size:1rem;
    padding-left:20%;
}
.rForm section:first-child input+img{
    position:absolute;
    top:325px;
    left:88.8%;
    z-index:10;
}
.rForm section:nth-child(1) input+button{
    width:24%;
    height:66px;
    position:absolute;
    top:290px;
    left:67.8%;
    font-size:1rem;
    letter-spacing: normal;
    z-index:10;
}
button[disabled]{
    opacity:0.5;
}
.rForm section:nth-child(3) input+img{
    position:absolute;
    top:545px;
    left:88.8%;
    z-index:10;
}
.rForm input::-webkit-input-placeholder{
    color:#999999;
    font-family:AppleMedium ;
}
.rForm section:first-child input{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rForm section:nth-child(4) input{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.rForm button{
    width:94.67%;
    height:120px;
    background-color: #46A3DB;
    color:#FFFFFF;
    border: none;
    font-size: 1.1rem;
    letter-spacing:0.5em;
    text-align: center;
    margin-top: 64px;
    border-radius: 10px;
    font-family:AppleMedium ;
}
.rForm p{
    margin-top:36px;
    font-size: 0.8rem;
    color:#999999;
    text-align: center;
}
.rForm p a{
    color:#46A3DB;
    text-decoration: none;
}
/*form表单验证-登录*/
.lForm{
    margin-top:64px;
    width:100%;
    display: none;
}
.lForm fieldset{
    border: none;
}
.lForm input,button{
    width:94.67%;
    margin-left: 2.67%;
    box-sizing: border-box;
    font-family:AppleMedium ;
    outline:none;
}
.lForm input{
    height:120px;
    border:none;
    border-bottom:2px solid #E6E6E6;
    background-color: #FFFFFF;
    font-size:1rem;
    padding-left:20%;
}
.lForm input::-webkit-input-placeholder{
    color:#999999;
    font-family:AppleMedium ;
}
.lForm section:nth-child(1) input{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.lForm section:nth-child(1) input+img{
    position:absolute;
    top:325px;
    left:88.8%;
    z-index:10;
}
.lForm section:nth-child(2) input{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.lForm section:nth-child(2) input+img{
    position:absolute;
    top:435px;
    left:88.8%;
    z-index:10;
}
.lForm button{
    width:94.67%;
    height:120px;
    background-color: #46A3DB;
    color:#FFFFFF;
    border: none;
    font-size: 1rem;
    letter-spacing:0.5em;
    text-align: center;
    margin-top: 38px;
    border-radius: 10px;
    font-family:AppleMedium ;
}
.lForm p a{
    font-size:1rem;
    color:#333333;
    text-decoration: none;
    position: absolute;
    top:482.5px;
    left:80%;
}

#lFormLable span{
    position:absolute;
    left:2.67%;
    font-size:1rem;
    color:#333333;
}

#lFormLable span:first-child{
    top:360px;
}
#lFormLable span:last-child{
    top:481px;
}
#rFormLable span{
    position:absolute;
    left:2.67%;
    font-size:1rem;
    color:#333333;
}

#rFormLable span:first-child{
    top:360px;
}
#rFormLable span:nth-child(2){
    top:482.5px;
}
#rFormLable span:nth-child(3){
    top:600px;
}
#rFormLable span:nth-child(4){
    top:717.5px;
}